<template>
  <div>
    <footer class="footer">
      <!-- 统计 -->
      <span class="todo-count">合 计:<strong> {{list.length}} </strong></span>
      <!-- 清空 -->
      <button class="clear-completed" @click="clear">
        清空任务
      </button>
    </footer>
  </div>
</template>

<script>
export default {
  props: {
    list: {
      type: Array, // Number String Boolean Object Array Function Date
      // required: true
      // default: [] 复杂数据类型的默认是必须是一个函数返回一个数组或对象。原因和data为什么必须是一个函数返回一个对象一模一样。 复用--新地址
      default(){
        return []
      }
    }
  },
  data() {
    return {}
  },
  methods:{
    clear(){
      // 代码写以后先自测，然后在给测试去测
      this.$emit('clear_event')
    }
  }
}
</script>